<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
        <title>Find Genre | Band Together</title>
        <style type="text/css">
        </style>

        <link rel="Shortcut Icon" href="http://backup.physics.tamu.edu/media/bt.png" type="image/x-icon" >
        <script type="text/javascript" src="utils.js"></script>
		<script type="text/javascript" src="http://backup.physics.tamu.edu/media/jquery.tickertype.js"></script>
	<link rel="stylesheet" type="text/css" href="http://backup.physics.tamu.edu/media/index.css" >
	<link rel="stylesheet" type="text/css" href="http://backup.physics.tamu.edu/media/menu.css" >
	<link rel="stylesheet" type="text/css" href="http://backup.physics.tamu.edu/media/team.css" >
	
	<!--For location popups-->
	<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
	<script src="http://backup.physics.tamu.edu/media/popup.js" type="text/javascript"></script>
	<script type="text/javascript" src="utils.js"></script>
	<link rel="stylesheet" href="http://backup.physics.tamu.edu/media/general.css" type="text/css" media="screen" />
	<!--End of location popups-->
</head>

<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

	var timeout     = 500;
	var closetimer  = 0;
	var ddmenuitem  = 0;

	function jsddm_open()
	{       jsddm_canceltimer();
        	jsddm_close();
        	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

	function jsddm_close()
	{       if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

	function jsddm_timer()
	{       closetimer = window.setTimeout(jsddm_close, timeout);}

	function jsddm_canceltimer()
	{       if(closetimer)
        	{       window.clearTimeout(closetimer);
                	closetimer = null;}}

	$(document).ready(function()
	{       $('#jsddm > li').bind('mouseover', jsddm_open);
        	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

	document.onclick = jsddm_close;

</script>

<!--change location -->
	<div id="popupContact">
		<p id="contactArea">
			<form action="" method="POST" name="locForm" onsubmit="return checkForm()">
				<label for="id_location">Enter your location:</label>
				<input type="text" name="locField" />
				<input type="submit" value="Submit" name="Submit"></input>
			</form>
		</p>
	</div>
<div id="backgroundPopup"></div>
<!-- done -->

<div class="main">
	<div class="header">
		<img src="http://backup.physics.tamu.edu/media/title.png" alt="Band Together" />
		<div class="slogan">
			<img src="http://backup.physics.tamu.edu/media/connect.png" alt="connect to local music" />
		</div>
		
		<ul id="jsddm">
			<li><a href="http://backup.physics.tamu.edu/bandtogether/">Home</a>
			</li>
			<li><a href="#">Find</a>
				<ul>
					<li><a href="http://backup.physics.tamu.edu/bandtogether/find/venue/">Venue</a></li>
					<li><a href="http://backup.physics.tamu.edu/bandtogether/find/artist/">Artists</a></li>
					<li><a href="http://backup.physics.tamu.edu/bandtogether/find/genre/">Genre</a></li>
				</ul>
       			</li>
            		<li id="button">Change Location</li>
			</li>
			<li id="bar">
				&nbsp
			</li>
            	</ul>

	</div>

	<br><br>	

	<!--<h1 style="text-indent:1em;">Find Venues near you</h1>-->
	<h1 style="text-indent:1em;">
		<form action="" method="POST">
                	<label for="id_genre">Search for genre:</label>
                	<input type="text" name="genre" />
                	<input type="submit" value="Submit" name="Submit" placeholder="dallas"></input>
        	</form>
        	
        </h1>
        
	<div class="box">
	
	<h2>Results</h2>
	
		{% if genreResults %}
			<ul style="list-style-type:none;">
			{% for genreResult in genreResults %}
    				<li><a href="http://backup.physics.tamu.edu/bandtogether/genre/{{ genreResult }}/">{{ genreResult }}</a></li>
			{% endfor %}
			</ul>
		{% else %}
		No genres found matching your query
		{% endif %}
		
	</div>
	<p>
	<div class="footer">
		<table border="0">
			<tr>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/about/">About Us</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/faq/">FAQ</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/directory/artist">Artist directory</a></td>
			</tr>
			<tr>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/team/">Team</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/terms/">Terms of Use</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/directory/venue/">Venue directory</a></td>
			</tr>
			<tr>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/developer/">API</a></td>
				<td><a href="http://backup.physics.tamu.edu/bandtogether/info/tour/">What is Band Together?</a></td>
			</tr>
		</table>
	<br>
	<img src="http://backup.physics.tamu.edu/media/bottomLogo.png" alt="Band Together" />
	</div>
</div>
</body>
</html>
